<?php

    include_once('assets/lib.php');
    
    $_ = new Lib();
?>
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="<?= $_->page_base_url; ?><? if($_->language!='de') :?><?= $_->language; ?><? endif; ?>" />
		<link href="favicon.ico" rel="shortcut icon" />
		<title><?= $_->t('Google Maps jQuery Plugin'); ?></title>
		<meta name="robots" content="index,follow">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
        <!-- The Needs -->
			
		<!-- ! The Plugin Stylesheet, needed -->
		<link rel="stylesheet" type="text/css" href="./css/jquery.googlemaps.css" title="style" />

		
		<!-- ! jQuery latest, here: 1.9.1., needed -->
		<script type="text/javascript" src="./js/jquery.min.js"></script>
		

		<!-- End Needs -->
		
		<!-- Example Page Java Script, not needed -->
		<script type="text/javascript" src="./js/assets/page.js"></script>
		
		<script type="text/javascript" src="./js/assets/google-code-prettify/prettify.js"></script>
        
		<!-- Additional Stylesheets, not needed -->
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,800,300" title="style" />
        <link rel="stylesheet" type="text/css" href="./css/assets/bootstrap.min.css" title="style" />
        <link rel="stylesheet" type="text/css" href="./css/assets/font-awesome.min.css" title="style" />
        <link rel="stylesheet" type="text/css" href="./css/assets/prettify.css" title="style" />
        <!-- end Additional Stylesheets -->
        
        <!-- ! Example CSS Stuff, not needed -->
        <link rel="stylesheet" type="text/css" href="./css/assets/page.css" title="style" />
        
	</head>
	<body>
	    <?php echo $_->partial('page_navigation'); ?>
		<div class="page index">
		    <div class="container">

		        <div class="col-xs-12">
	            <a href="jquery.googlemaps.latest.zip" class="btn btn-success fltr mt" target="_blank"><i class="fa fa-arrow-circle-down"></i> Download <b>jquery.googlemaps.latest.zip</b></a>            
		           <h1><?= $_->t('Google Maps jQuery Plugin'); ?></h1>
		           <div class="panel panel-default">
 
                        <div class="panel-body header-image">
                            <div class="inner row-fluid">
                                <div class="col-xs-6">
                                    <div class="well">
                                        <b><?= $_->t('Features'); ?></b><br />
                                        <ul>
                                            <li><?= $_->t('simpel und schnell Google Maps Karten erzeugen');?></li>
                                            <li><?= $_->t('umfangreiche Anpassungsmöglichkeiten');?></li>
                                            <li><?= $_->t('Aussehen der Maps individualisierbar');?></li>
                                            <li><?= $_->t('Eigene Steuerelemente (Karte bewegen und Zoom)');?></li>
                                            
                                        </ul>
                                    </div>
                                    
                                </div>
                                <div class="col-xs-6">
                                    <div class="well">
                                        <b><?= $_->t('Beispiele'); ?></b><br />
                                        <a href="default.html"><?= $_->t('Grundeinstellung (Default)'); ?></a><br />
                                        <a href="customize.html"><?= $_->t('XHR mit verschiedenen Marker-Icons'); ?></a><br />
                                        <a href="customize_a.html"><?= $_->t('Noch andere Marker'); ?></a><br />
                                        <a href="customize_b.html"><?= $_->t('Von außerhalb der Map auf die Marker zugreifen'); ?></a><br />
                                        <a href="customize_c.html"><?= $_->t('Hover und Klick öffnet verschiedene Infoboxen'); ?></a><br />
                                        <br />
                                    </div>
                                    <div class="well">
                                        <b><?= $_->t('Ressourcen'); ?></b><br />
                                        <a href="https://code.google.com/p/seek-g-mapper/source/checkout" target="_blank">SVN Repository bei Google Code</a><br />
                                        <a href="http://jquery.com/download/" target="_blank">jQuery 1.9.1.</a><br />
                                        <a href="https://developers.google.com/maps/documentation/javascript/reference" target="_blank">Google Maps Api Reference</a><br />
                                        <a href="http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html" target="_blank">Google Maps Style Wizard</a><br />
                                        <a href="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html" target="_blank">Google Maps Infobox Reference</a><br />
                                    </div>
                                    
                                </div>
                                <div class="col-xs-4">
                                    
                                </div>
                                
                            </div>
                        </div>
                   </div>
		           <div class="panel panel-default" data-element="files">
                        <div class="panel-heading">
                            <?= $_->t('Files'); ?>
                        </div>
                        <div class="panel-body">
<pre class="prettyprint linenums lang-js">
<?php echo $_->partial('html_files'); ?>
</pre>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="einbindung">
                        <div class="panel-heading">
                            <?= $_->t('Einbindung'); ?>
                        </div>
                        <div class="panel-body">
<pre class="prettyprint linenums lang-html">
<?php echo $_->partial('html_includes',true); ?>
</pre>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="markup">
                        <div class="panel-heading">
                            <?= $_->t('Markup'); ?>
                        </div>
                        <div class="panel-body">
<pre class="prettyprint linenums lang-html">
<?php echo $_->partial('html_markup',true); ?>
</pre>
                        </div>
                    </div>
                    <div class="panel panel-default"  data-element="erste-schritte">
                        <div class="panel-heading">
                            <?= $_->t('Erste Schritte'); ?>
                        </div>
                        <div class="panel-body">
<?php echo $_->partial('js_init'); ?>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="function-reference">
                        <div class="panel-heading">
                            <?= $_->t('Function Referenz'); ?>
                        </div>
                        <div class="panel-body">
<?php echo $_->partial('js_reference'); ?>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="options">
                        <div class="panel-heading">
                            <?= $_->t('Options (defaults)'); ?>
                        </div>
                        <div class="panel-body">
<pre class="prettyprint linenums lang-js">
<?php echo $_->partial('js_options',true); ?>
</pre>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="options-reference">
                        <div class="panel-heading">
                            <?= $_->t('Options Referenz'); ?>
                        </div>
                        <div class="panel-body reference">
<?php echo $_->partial('js_options_reference'); ?>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="map-data">
                        <div class="panel-heading">
                            <?= $_->t('Map Data'); ?>
                        </div>
                        <div class="panel-body">
<pre class="prettyprint linenums lang-js">
<?php echo $_->partial('js_mapdata',true); ?>
</pre>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="map-data-reference">
                        <div class="panel-heading">
                            <?= $_->t('Mapdata Referenz'); ?>
                        </div>
                        <div class="panel-body reference">
<?php echo $_->partial('js_mapdata_reference'); ?>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="css">
                        <div class="panel-heading">
                            <?= $_->t('CSS'); ?>
                        </div>
                        <div class="panel-body">
<pre class="prettyprint linenums lang-css">
<?php echo $_->partial('css_main',true); ?>
</pre>
                        </div>
                    </div>
                    <div class="panel panel-default" data-element="beispiele">
                        <div class="panel-heading">
                            <?= $_->t('Beispiele'); ?>
                        </div>
                        <div class="panel-body">
<?php echo $_->partial('js_examples'); ?>
                        </div>
                    </div>
                    
                    
                    
                    
                    
		        </div>
		    </div>
	    </div>
	</body>
	<script>
		$(window).on('ready',function(){
			// pretty print code display
            $('.prettyprint').each(function(){
              //  $(this).text( $(this).html() ).html();
            });
            
            prettyPrint();
		});
		
	</script>
</html>
<?php
    
    $_->setTranslation();
    
?>